<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script type="text/javascript" th:src="@{/home/js/public.js}"></script>
</head>
	<script type="text/javascript">
	    	$(function(){
				$('#data-ser').on('click', function(e) {
			        e.preventDefault();
			        var diag = new $.Zebra_Dialog({
			            source: {'iframe': {
			                'src':'data-ser.html',
			                'height':500,
			            }},
			            width:800,
			            title:'高级搜索',
			            buttons: ['确认']
			        });
			    });
	    	})
	    </script>	
	
	
	<body>
		<div class="navigation-t">
	   	  <div class="navigation-tl">当前位置：<a href="#" onclick="changeMain('home')">主页</a> > 资料检索</div>
	   	  <div class="navigation-tr">
	   	  	<ul>
	   	  		<li onclick="changeMain('data')" class="active"><span>资料检索</span></li>
	   	  		<li onclick="changeMain('malfunction')"><span>故障检索</span></li>
	   	  	</ul>
	   	  </div>
	    </div>
	    <div class="project">
	      <div class="project-padding"> 
	    	<!--内容开始-->
	    	<div class="table-tool project-t">
	          	 <div class="table-tool">
		          	<div class="table-tool-ser">
		          	 	<div class="tool-ser"><input type="text" class="form-control" placeholder="输入查询条件" /></div>
		          	 	<div class="tool-btn"><span class="ser-icon"></span><a>搜索</a></div>
		          	 	<div class="tool-btn" id="data-ser"><span class="ser-icon"></span><a>高级搜索</a></div>
		          	</div>
	             </div>
	        </div>
		    <div class="data-pub">
		       	  <a href="#">
		       	  <div class="data-a">登录139邮箱</div>
		       	  <div class="data-b">登录139邮箱您不在常用地登录,为保障安全,请输入图片验证码验证码 请输入正确的 字母或数字 请输入正确的验证码 图案显示的是什么? 看不清,换一张 确定登录139邮箱您不在常用地登录,为保障安全,请输入图片...</div>
		       	  </a>
		       	  <a href="#">
		       	  <div class="data-a">登录139邮箱</div>
		       	  <div class="data-b">登录139邮箱您不在常用地登录,为保障安全,请输入图片验证码验证码 请输入正确的 字母或数字 请输入正确的验证码 图案显示的是什么? 看不清,换一张 确定登录139邮箱您不在常用地登录,为保障安全,请输入图片...</div>
		       	  </a>
		       	  <a href="#">
		       	  <div class="data-a">登录139邮箱</div>
		       	  <div class="data-b">登录139邮箱您不在常用地登录,为保障安全,请输入图片验证码验证码 请输入正确的 字母或数字 请输入正确的验证码 图案显示的是什么? 看不清,换一张 确定登录139邮箱您不在常用地登录,为保障安全,请输入图片...</div>
		       	  </a>
		       	  <a href="#">
		       	  <div class="data-a">登录139邮箱</div>
		       	  <div class="data-b">登录139邮箱您不在常用地登录,为保障安全,请输入图片验证码验证码 请输入正确的 字母或数字 请输入正确的验证码 图案显示的是什么? 看不清,换一张 确定登录139邮箱您不在常用地登录,为保障安全,请输入图片...</div>
		       	  </a>
		    </div>  
            <!--内容结束-->
            <!--分页开始-->
            <div class="multimedia-c">
	         <ul class="page" maxshowpageitem="5" pagelistcount="10"  id="page"></ul>
	        </div>
            <!--分页结束-->
         </div>
        </div>

	</body>
</html>
